<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习 vue</title>
		<script src="../vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 
			小结：
			1.Vue和容器是一一对应的，一个Vue对应一个Vue容器
			2.注意表达式和代码的区别：表达式会生成值，代码不会
				-表达式：
					-a
					-a+b
					-demo(1)
					-x==y
				-代码
					-if(){}
					-for(){}
			3.开发过程中只会创建一个Vue，在Vue中会有多个组件
		 -->
		<!-- 创建容器 -->

		<div id="root">
			<h1>hello,{{name}},{{address}},{{Date.now()}}</h1>
			
		</div>

		<script type="text/javascript">
			Vue.config.productionTip=false//阻止生产提示
			
			//创建vue实例
			new Vue({
				el:'#root',//el用于绑定id为root的容器
				data:{//data存储数据，el指定容器
					name:'上硅谷',
					address:'北京'
				}
			})
		</script>
	</body>
</html>
